<%@ page contentType="text/html;charset=UTF-8" %> 

<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->  
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->  
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->  
<head>
    <title>Vashion For Mobile App</title>
    <!-- Meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">    
    <link rel="shortcut icon" href="Vashionicon.ico"> 
	<!--
    <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Covered+By+Your+Grace' rel='stylesheet' type='text/css'>  
	-->
    <!-- Global CSS -->
    <link rel="stylesheet" href="intro-assets/plugins/bootstrap/css/bootstrap.min.css">
    <!-- Plugins CSS -->    
    <link rel="stylesheet" href="intro-assets/plugins/font-awesome/css/font-awesome.css">
    <link rel="stylesheet" href="intro-assets/plugins/flexslider/flexslider.css">
    <link rel="stylesheet" href="intro-assets/plugins/animate-css/animate.min.css">
    <!-- Theme CSS -->  
    <link id="theme-style" rel="stylesheet" href="intro-assets/css/styles.css">
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head> 

<body data-spy="scroll">
    <!-- ******HEADER****** --> 
    <header id="top" class="header navbar-fixed-top">  
        <div class="container">            
            <h1 class="logo pull-left">
                <a class="scrollto" href="#promo">
                    <img id="logo-image" class="logo-image" src="intro-assets/images/logo/logo.png" alt="Logo">
                    <span class="logo-title">万选 · Vashion</span>
                </a>
            </h1><!--//logo-->              
            <nav id="main-nav" class="main-nav navbar-right" role="navigation">
                <div class="navbar-header">
                    <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button><!--//nav-toggle-->
                </div><!--//navbar-header-->            
                <div class="navbar-collapse collapse" id="navbar-collapse">
                    <ul class="nav navbar-nav">
                        <li class="active nav-item sr-only"><a class="scrollto" href="#promo">首页</a></li>
                        <li class="nav-item"><a class="scrollto" href="#features">特色</a></li>
                        <li class="nav-item"><a class="scrollto" href="#how">使用介绍</a></li>
                        <li class="nav-item"><a class="scrollto" href="#faq">FAQ</a></li>
                        <li class="nav-item"><a class="scrollto" href="#story">背景</a></li>
                    </ul><!--//nav-->
                </div><!--//navabr-collapse-->
            </nav><!--//main-nav-->           
        </div>
    </header><!--//header-->
    
    <!-- ******PROMO****** --> 
    <section id="promo" class="promo section offset-header has-pattern">
        <div class="container">
            <div class="row">
                <div class="overview col-md-8 col-sm-12 col-xs-12">
                    <h2 class="title">万选 · 专为代购服务的APP</h2>
                    <ul class="summary">
                        <li>市面上最全的奢侈品垂直供应电商</li>
                        <li>全球数万买手代购的圈子，找货出货一键搞定</li>
                        <li>多种阳光通关选择，全球代发到家</li>
                        <li></li>
                    </ul>
                    <div class="download-area">
                        <ul class="btn-group list-inline">
                            <li class="ios-btn"><a href="https://itunes.apple.com/cn/app/%E4%B8%87%E9%80%89/id1070685554?l=en&mt=8#">Download from the App Store</a></li>
                        </ul>
                        <!--div class="note text-center"-->
                            <!--span class="left-arrow"--><!--/span-->
                            <!--span class="right-arrow"--><!--/span-->
                        <!--/div--><!--//note-->
                    </div>
                </div><!--//overview-->
                
                <!--// iPhone starts -->
                <div class="phone iphone iphone-black col-md-4 col-sm-12 col-xs-12 ">
                    <div class="iphone-holder phone-holder">
                        <div class="iphone-holder-inner">
                            <div class="slider flexslider">
                                <ul class="slides">
                                    <li>
                                        <img src="intro-assets/images/iphone/iphone-slide-1.png"  alt="" />
                                    </li>
                                    <li>
                                        <img src="intro-assets/images/iphone/iphone-slide-2.png"  alt="" />
                                    </li>
                                    <li>
                                        <img src="intro-assets/images/iphone/iphone-slide-3.png"  alt="" />
                                    </li>
                                </ul><!--//slides-->
                            </div><!--//flexslider-->   
                        </div><!--//iphone-holder-inner-->                    
                    </div><!--//iphone-holder-->                   
                </div><!--//iphone-->  
                <!--// iPhone ends -->
                
                <!--// Android starts -->                
                <div class="phone android col-md-4 col-sm-12 col-xs-12" style="display:none">
                    <div class="android-holder phone-holder">
                        <div class="android-holder-inner">
                            <div class="slider flexslider">
                                <ul class="slides">
                                    <li>
                                        <img src="intro-assets/images/android/android-slide-1.png"  alt="" />
                                    </li>
                                    <li>
                                        <img src="intro-assets/images/android/android-slide-2.png"  alt="" />
                                    </li>
                                    <li>
                                        <img src="intro-assets/images/android/android-slide-3.png"  alt="" />
                                    </li>
                                </ul><!--//slides-->
                            </div><!--//flexslider-->   
                        </div><!--//phone-holder-inner-->                    
                    </div><!--//iphone-holder-->                   
                </div><!--//iphone--> 
                <!--// Android ends -->
                
                <!--// iPad starts -->
                <div class="ipad ipad-black col-md-4 col-sm-12 col-xs-12 col-md-pull-1" style="display:none">
                    <div class="ipad-holder">
                        <div class="ipad-holder-inner">
                            <div class="slider flexslider">
                                <ul class="slides">
                                    <li>
                                        <img src="intro-assets/images/ipad/ipad-slide-1.png"  alt="" />
                                    </li>
                                    <li>
                                        <img src="intro-assets/images/ipad/ipad-slide-2.png"  alt="" />
                                    </li>
                                    <li>
                                        <img src="intro-assets/images/ipad/ipad-slide-3.png"  alt="" />
                                    </li>
                                </ul><!--//slides-->
                            </div><!--//flexslider-->   
                        </div><!--//ipad-holder-inner-->                    
                    </div><!--//ipad-holder-->                   
                </div><!--//ipad--> 
                <!--// iPad ends -->  
                                           
            </div><!--//row-->
        </div><!--//container-->
    </section><!--//promo-->
    
    <!-- ******FEATURES****** --> 
    <section id="features" class="features section">
        <div class="container">
            <div class="row">
                <h2 class="title text-center sr-only">Features</h2>
                <div class="item col-md-3 col-sm-6 col-xs-12 text-center">
                    <div class="icon">
                        <i class="fa fa-cloud-upload"></i>                
                    </div><!--//icon-->
                    <div class="content">
                        <h3 class="title">全球商品云端实时库存</h3>
                        <p>品牌代理商和海外集合店的库存对接平台，避免低效的重复沟通。</p>  
                        <!--button class="modal-trigger btn btn-link" data-toggle="modal" data-target="#feature-modal-1"--><!--/button-->
                    </div><!--//content-->               
                </div><!--//item-->
                <div class="item col-md-3 col-sm-6 col-xs-12 text-center">
                    <div class="icon">
                        <i class="fa fa-rocket"></i>                
                    </div><!--//icon-->
                    <div class="content">
                        <h3 class="title">24小时实时订单</h3>
                        <p>订单状态实时接收，热门商品抢货更及时。</p>   
                        <!--button class="modal-trigger btn btn-link" data-toggle="modal" data-target="#feature-modal-1"--><!--/button-->
                    </div><!--//content-->               
                </div><!--//item-->
                <div class="item col-md-3 col-sm-6 col-xs-12 text-center">
                    <div class="icon">
                        <i class="fa fa-users"></i>                
                    </div><!--//icon-->
                    <div class="content">
                        <h3 class="title">认证的靠谱供应商</h3>
                        <p>对源头货源认证，海外实体店及授权代理商供货，百分百正品保障。</p> 
                        <!--button class="modal-trigger btn btn-link" data-toggle="modal" data-target="#feature-modal-1"--><!--/button-->  
                    </div><!--//content-->               
                </div><!--//item-->
                <div class="item col-md-3 col-sm-6 col-xs-12 text-center">
                    <div class="icon">
                        <i class="fa fa-map-marker"></i>                
                    </div><!--//icon-->
                    <div class="content">
                        <h3 class="title">多品类多品牌全球分布</h3>
                        <p>8大品类1000个以上品牌的供货商分布于欧美、澳新、日韩香港等地区。</p>   
                        <!--button class="modal-trigger btn btn-link" data-toggle="modal" data-target="#feature-modal-1"--><!--/button-->
                    </div><!--//content-->               
                </div><!--//item-->
            </div><!--//row-->
            
            <div class="row feature-row-last">
                <div class="item col-md-4 col-sm-6 col-xs-12 text-center">
                    <div class="icon">
                        <i class="fa fa-calendar"></i>                
                    </div><!--//icon-->
                    <div class="content">
                        <h3 class="title">阳光化第三方跨境物流服务</h3>
                        <p>多种物流方式建议，全球跨境物流门到门服务。 </p>  
                    </div><!--//content-->               
                </div><!--//item-->
                <div class="item col-md-4 col-sm-6 col-xs-12 text-center">
                    <div class="icon">
                        <i class="fa fa-comments"></i>                
                    </div><!--//icon-->
                    <div class="content">
                        <h3 class="title">全球买手代购圈子</h3>
                        <p>汇聚全球各国数万买手，找货出货更简单更高效。</p>  
                    </div><!--//content-->               
                </div><!--//item-->
                <div class="item col-md-4 col-sm-6 col-xs-12 text-center">
                    <div class="icon">
                        <i class="fa fa-globe"></i>
                    </div><!--//icon-->
                    <div class="content">
                        <h3 class="title">面向全球的行业产品</h3>
                        <p>成为全球奢侈品买手及线下实体店的订货平台。</p> 
                    </div><!--//content-->               
                </div><!--//item-->
            </div><!--//row-->
        </div><!--//container-->
    </section><!--//features-->
    
    <!-- ******HOW****** --> 
    <section id="how" class="how section has-pattern">
        <div class="container">
            <div class="row">
                <div class="content col-md-6 col-sm-6 col-xs-12 col-md-push-6 col-sm-push-6 text-center">
                    <h2 class="title">使用介绍</h2>
                    <p class="intro">作为一款移动端产品，在功能的设计上不会过于复杂，但是为了能够让大家更容易的使用我们的产品，我们特地做了产品介绍请 <a href="http://c.eqxiu.com/s/5L1DNuPp" target="_blank">点击查看</a>。</p>
                    <div class="qr-codes hidden-sm hidden-xs">
                        <div class="note">
                            <p>二维码扫描查看</p>
                            <span class="left-arrow"></span>
                            <span class="right-arrow"></span>
                        </div><!--//note-->
                        <div class="row">
                            <div class="item col-md-6 col-sm-6">
                                <img src="intro-assets/images/qrcodes/qr-1.jpg" alt="" />
                                <p>关注微信公众号</p>
                            </div><!--//item-->
                            <div class="item col-md-6 col-sm-6">
                                <img src="intro-assets/images/qrcodes/qr-2.png" alt="" />
                                <p>App介绍</p>
                            </div><!--//item-->
                        </div>                    
                    </div><!--//qr-codes-->
                </div><!--//content-->
                <div id="video-container" class="video-container col-md-6 col-sm-6 col-xs-12 col-md-pull-6 col-sm-pull-6">
                    <!--iframe src="http://static.youku.com/v1.0.0155/v/swf/player.swf?VideoIDS=XMTgyMDc4NTI4" width="570" height="320" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen--><!--/iframe--><!--this is a link for download-->
                </div><!--//video-->
            </div><!--//row-->
        </div><!--//container-->
    </section><!--//how-->
    
    <!-- ******FAQ****** --> 
    <section id="faq" class="faq section">
        <div class="container">
            <div class="row">
                <h2 class="title text-center">你关心的问题</h2>
                <div class="faq-col col-md-6 col-sm-6 col-xs-12">
                    <div class="item">
                        <h3 class="question"><i class="fa fa-question-circle"></i>怎样快速找到我想要的货？</h3>
                        <p class="answer">在下载好App后，最直接的就是可以通过查询商品编码来找，如果不知道的话可以根据品牌或者类目来找，瀑布流式的页面布局，并不麻烦。</p>
                    </div><!--//item-->
                    <div class="item">
                        <h3 class="question"><i class="fa fa-question-circle"></i>价格最低吗？有优惠吗？</h3>
                        <p class="answer">万选是由品牌代理商和集合店直接入驻供货，所有商品均为批发价。</p>
                    </div><!--//item-->
                    <div class="item">
                        <h3 class="question"><i class="fa fa-question-circle"></i>多少天可以收到货？</h3>
                        <p class="answer">根据商品所在地的不同，到货时间从2天到20天不等，敬请关注商品详情描述。</p>
                    </div><!--//item-->
                </div><!--//faq-col-->
                <div class="faq-col col-md-6 col-sm-6 col-xs-12">
                    <div class="item">
                        <h3 class="question"><i class="fa fa-question-circle"></i>多久可以发货？</h3>
                        <p class="answer">供应商在收到订单后72小时内会安排发货，预订商品根据商品详情页中约定的时间。</p>
                    </div><!--//item-->
                    <div class="item">
                        <h3 class="question"><i class="fa fa-question-circle"></i>商品的包装怎么样？</h3>
                        <p class="answer">部分代理商批发渠道的商品一般均为简易包装，不附带纸袋纸盒丝带等专卖店的包装。</p>
                    </div><!--//item-->
                    <div class="item">
                        <h3 class="question"><i class="fa fa-question-circle"></i>还会被收关税么？</h3>
                        <p class="answer">万选平台不承担物流运输，是根据您选择的物流方式的不同，代为联系第三方物流，物流费用和可能产生的关税，由所选择的第三方服务商收取。</p>
                    </div><!--//item-->
                </div><!--//faq-col-->
            </div><!--//row-->
            <div class="more text-center">
                <!--h4 class="title"--><!--More questions?--><!--/h4-->
                <!--a class="btn btn-lg btn-theme scrollto" href="#contact"--><!--Get in touch--><!--i class="fa fa-arrow-circle-o-down"--></i></a>
            </div>
        </div><!--//container-->
    </section><!--//faq-->
    
    <!-- ******STORY****** --> 
    <section id="story" class="story section has-pattern">
        <div class="container">
            <div class="row">
                <div class="content col-md-6 col-sm-6 col-xs-12 text-center">
                    <h2 class="title">我们的初心</h2>
                    <p>曾经，我和你们一样，是一个苦逼的小代购，每天半夜三点还在和欧洲小伙伴对货；
                        </br>曾经，我也是满世界帮客户找货，拖着大大的行李箱忍受店员的嘲讽；
                        </br>曾经，我也一样焦虑跨境物流，被黑清关骗了几十万最后钱货两空；
                        </br>在这个看似风光的行业里做了十年，操着卖白粉的心，赚着卖白菜的钱；
                        </br>我就想，我们有那么多好的货源，那么多信任我们的客户，整合起来是不是一个更大的生意？
                        </br>正规的品牌代理商，阳光的清关物流通道，互助的买手分享圈；
                        </br>这是我的“万选”，也是大家的“万选”</p>
                </div><!--//content-->
                <div class="team col-md-5 col-sm-5 col-md-offset-1 col-sm-offset-1 col-xs-12">
                    <div class="row">
                        </div><!--//member-->
                    </div>
                </div><!--//team-->
            </div><!--//row-->
        </div><!--//container-->
    </section><!--//story-->
    
    <!-- ******TESTIMONIALS****** --> 
    <section id="testimonials" class="testimonials section">
        <div class="container">
            <div class="row">
                <h2 class="title text-center">其他人是怎么看待这个产品的</h2>
                <div class="item col-md-4 col-sm-4">
                    <div class="quote-box">
                        <i class="fa fa-quote-left"></i>
                        <blockquote class="quote">
                            在英国留学，顺带帮朋友带带东西，有了这个平台，眼界开阔很多，不只是可以找到英国的商品，朋友们的选择可以更多了。
                        </blockquote><!--//quote-->
                    </div><!--//quote-box-->
                    <div class="people row">
                        <img class="img-rounded user-pic col-md-5 col-sm-5 col-xs-12 col-md-offset-1 col-sm-offset-1" src="intro-assets/images/people/people-1.png" alt="" />
                        <p class="details text-center pull-left">
                            <span class="name">Christine Heal</span>
                            <span class="title">Bristol, UK</span>
                        </p>                        
                    </div><!--//people-->
                </div><!--//item-->
                <div class="item col-md-4 col-sm-4">
                    <div class="quote-box">
                        <i class="fa fa-quote-left"></i>
                        <blockquote class="quote">
                            以前付款供应商都要美金，亲戚朋友的额度都被我用完了，这个平台可以直接使用支付宝和银行国内付款，方便很多。
                        </blockquote><!--//quote-->
                    </div><!--//quote-box-->
                    <div class="people row">
                        <img class="img-rounded user-pic col-md-5 col-sm-5 col-xs-12 col-md-offset-1 col-sm-offset-1" src="intro-assets/images/people/people-2.png" alt="" />
                        <p class="details text-center pull-left">
                            <span class="name">Ben Rousseau</span>
                            <span class="title">Paris, France</span>
                        </p>                        
                    </div><!--//people-->
                </div><!--//item-->
                <div class="item col-md-4 col-sm-4">
                    <div class="quote-box">
                        <i class="fa fa-quote-left"></i>
                        <blockquote class="quote">
                        平台价格和欧洲以及香港的折扣买手店的差不多，商品选择很多，以前一个店铺没有就只能放弃，现在几乎可以说全球调货。查看库存和搜索同类商品一目了然。
                        </blockquote><!--//quote-->
                    </div><!--//quote-box-->
                    <div class="people row">
                        <img class="img-rounded user-pic col-md-5 col-sm-5 col-xs-12 col-md-offset-1 col-sm-offset-1" src="intro-assets/images/people/people-3.png" alt="" />
                        <p class="details text-center pull-left">
                            <span class="name">Mike Chan</span>
                            <span class="title">Hongkong, China</span>
                        </p>                        
                    </div><!--//people-->
                </div><!--//item-->
            </div><!--//row-->
            <div class="row">
                <div class="item col-md-4 col-sm-4 col-md-offset-2 col-sm-offset-2">
                    <div class="quote-box">
                        <i class="fa fa-quote-left"></i>
                        <blockquote class="quote">
                         原来所有客户都是微信联系的，每天重复刷朋友圈，重复回答很多询价，现在所有交易都在万选上完成，效率提高很多。
                        </blockquote><!--//quote-->
                    </div><!--//quote-box-->
                    <div class="people row">
                        <img class="img-rounded user-pic col-md-5 col-sm-5 col-xs-12 col-md-offset-1 col-sm-offset-1" src="intro-assets/images/people/people-4.png" alt="" />
                        <p class="details text-center pull-left">
                            <span class="name">Annie Lee</span>
                            <span class="title">Berlin, Germany</span>
                        </p>                        
                    </div><!--//people-->
                </div><!--//item-->
                <div class="item col-md-4 col-sm-4">
                    <div class="quote-box">
                        <i class="fa fa-quote-left"></i>
                        <blockquote class="quote">
                        上传商品虽然比在微信里面麻烦，但是我再也不用一个个回复那么多问题了
                        </blockquote><!--//quote-->
                    </div><!--//quote-box-->
                    <div class="people row">
                        <img class="img-rounded user-pic col-md-5 col-sm-5 col-xs-12 col-md-offset-1 col-sm-offset-1" src="intro-assets/images/people/people-5.png" alt="" />
                        <p class="details text-center pull-left">
                            <span class="name">Adam Gordon</span>
                            <span class="title">London, UK</span>
                        </p>                        
                    </div><!--//people-->
                </div><!--//item-->
            </div>
            <div class="press row text-center">
            </div><!--//row-->
        </div><!--//container-->
    </section><!--//Testimonials-->
    

    <!-- ******FOOTER****** --> 
    <footer class="footer">
        <div class="container">
            <small class="copyright pull-left">Copyright (c) 2017 com.vashion. All rights reserved.</a></small>
            <ul class="links list-inline">
            </ul>
        </div>
    </footer><!--//footer-->

    <!-- Feature Modal -->
    <div class="modal modal-feature" id="feature-modal-1" tabindex="-1" role="dialog" aria-labelledby="featureModalLabel-1" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 id="featureModalLabel-1" class="modal-title text-center">App Feature and Benefit</h4>
                </div>
                <div class="modal-body"> 
                    <div class="row">    
                        <figure class="figure col-md-6 col-sm-12 col-xs-12">
                            <img class="img-responsive img-rounded" src="intro-assets/images/features/feature-figure-1.png" alt="" />
                            <figcaption class="caption">Figure caption goes here </figcaption>
                        </figure> 
                        <div class="content col-md-6 col-sm-12 col-xs-12">           
                            <p>You can use the modal to explain one of your app's features/benefits in details. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </p>
                            <p>In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. </p>
                            <ul class="list-unstyled">
                                <li><i class="fa fa-star"></i>Lorem ipsum dolor sit ame</li>
                                <li><i class="fa fa-star"></i>Curabitur elit elit</li>
                                <li><i class="fa fa-star"></i>Nunc tincidunt ipsum a risus</li>
                            </ul>
                            <p>Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p>
                            <blockquote class="quote">
                                <p><i class="fa fa-quote-left"></i>I love this magna pellentesque in magnis gravida sit augue felis vehicula vestibulum semper penatibus justo ornare semper Gravida felis platea arcu mus non. Montes at posuere. Natoque.</p>
                                <p class="people"><span class="name">Adam Lee</span><br><span class="title">Developer, AppHunt</span></p>
                            </blockquote>
                        </div><!--//content-->
                    </div><!--//row-->
                </div><!--//modal-body-->
            </div><!--//modal-content-->
        </div><!--//modal-dialog-->
    </div><!--//modal-->
    
    <!-- *****CONFIGURE STYLE****** -->  
    <div class="config-wrapper">
        <div class="config-wrapper-inner">
            <a id="config-trigger" class="config-trigger" href="#"><i class="fa fa-cog"></i></a>
            <div id="config-panel" class="config-panel">
                <h5>Choose Colour</h5>
                <ul id="color-options" class="list-unstyled list-inline">
                    <li class="theme-1 active" ><a data-style="intro-assets/css/styles.css" data-logo="intro-assets/images/logo/logo.png" href="#"></a></li>
                    <li class="theme-2"><a data-style="intro-assets/css/styles-2.css" data-logo="intro-assets/images/logo/logo.png" href="#"></a></li>
                    <li class="theme-3"><a data-style="intro-assets/css/styles-3.css" data-logo="intro-assets/images/logo/logo.png" href="#"></a></li>
                    <li class="theme-4"><a data-style="intro-assets/css/styles-4.css" data-logo="intro-assets/images/logo/logo.png" href="#"></a></li>
                    
                    <li class="theme-5"><a data-style="intro-assets/css/styles-5.css" data-logo="intro-assets/images/logo/logo.png" href="#"></a></li> 
                    
                    <li class="theme-6"><a data-style="intro-assets/css/styles-6.css" data-logo="intro-assets/images/logo/logo.png" href="#"></a></li>
                    <li class="theme-7"><a data-style="intro-assets/css/styles-7.css" data-logo="intro-assets/images/logo/logo.png" href="#"></a></li>
                    <li class="theme-8"><a data-style="intro-assets/css/styles-8.css" data-logo="intro-assets/images/logo/logo.png" href="#"></a></li>
                    
                    <li class="theme-9"><a data-style="intro-assets/css/styles-9.css" data-logo="intro-assets/images/logo/logo.png" href="#"></a></li>
                    <li class="theme-10"><a data-style="intro-assets/css/styles-10.css" data-logo="intro-assets/images/logo/logo.png" href="#"></a></li>
                    
                </ul><!--//color-options-->
                <h5 class="device-title">Choose Device</h5>
                <ul id="device-options" class="list-unstyled">
                    <li class="default active"><a data-class="iphone-black" data-type="iphone" href="#">iPhone Black</a></li>
                    <li><a data-class="iphone-white" data-type="iphone" href="#">iPhone White</a></li>
                    <li><!--a data-class="ipad-white" data-type="ipad" href="#"--></a></li>
                    <li><!--a data-class="ipad-black" data-type="ipad" href="#"--></a></li>
                    <li><!--a data-class="android" data-type="android" href="#"--></a></li>
                </ul>
                <a id="config-close" class="close" href="#"><i class="fa fa-times-circle"></i></a>
            </div><!--//configure-panel-->
        </div><!--//config-wrapper-inner-->
    </div><!--//config-wrapper-->
     
    <!-- Javascript -->          
    <script type="text/javascript" src="intro-assets/plugins/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="intro-assets/plugins/jquery-migrate-1.2.1.min.js"></script>
    <script type="text/javascript" src="intro-assets/plugins/detectmobilebrowser.js"></script>      
    <script type="text/javascript" src="intro-assets/plugins/jquery.easing.1.3.js"></script>   
    <script type="text/javascript" src="intro-assets/plugins/bootstrap/js/bootstrap.min.js"></script>     
    <script type="text/javascript" src="intro-assets/plugins/jquery-inview/jquery.inview.min.js"></script>
    <script type="text/javascript" src="intro-assets/plugins/FitVids/jquery.fitvids.js"></script>
    <script type="text/javascript" src="intro-assets/plugins/jquery-scrollTo/jquery.scrollTo.min.js"></script>    
    <script type="text/javascript" src="intro-assets/plugins/jquery-placeholder/jquery.placeholder.js"></script>
    <script type="text/javascript" src="intro-assets/plugins/flexslider/jquery.flexslider-min.js"></script>
    <script type="text/javascript" src="intro-assets/js/main.js"></script>
    <!--[if !IE]>--> 
    <script type="text/javascript" src="intro-assets/js/animations.js"></script> 
    <!--<![endif]-->         
</body>
</html> 